<template>
  <a-layout-header class="header">
    <div class="logo">
      <router-link to="/welcome" style="color: #fff;">
        <img src="@/assets/svg/logo.svg">&nbsp;12306&nbsp;控台系统
      </router-link>
    </div>
    <div style="float: right; color: #fff">
      <router-link to="/login" style="color: #fff;" @click="logout()">
        退出登录
      </router-link>
    </div>
  </a-layout-header>
</template>

<script setup>
const logout = () => {

}
</script>

<style scoped>
.logo {
  float: left;
  width: 180px;
  height: 100%;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.logo a {
  display: flex;
}
</style>
